/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-fall-menu() {
  --ti-fallmenu-menu-height: var(--ti-base-size-height-large);
  --ti-fallmenu-bg-color-normal: var(--ti-base-color-brand);
  --ti-fallmenu-bg-color-hover: var(--ti-base-color-brand-3);
  --ti-fallmenu-icon-font-size: var(--ti-common-font-size-base);
  --ti-fallmenu-slot-text-color: var(--ti-base-color-light);
  --ti-fallmenu-slot-bg-color: var(--ti-base-color-light);
  --ti-fallmenu-title-font-size: var(--ti-common-font-size-2);
  --ti-fallmenu-box-title-text-color: var(--ti-base-color-placeholder);
  --ti-fallmenu-box-text-color: var(--ti-base-color-brand);
  --ti-fallmenu-box-font-size: var(--ti-common-font-size-1);
  --ti-fallmenu-box-title-height: var(--ti-base-size-height-small);
  --ti-fallmenu-box-content-height: 26px;
  --ti-fallmenu-box-hover-text-color: var(--ti-base-color-primary-active);
}
